<template>
	<div class="home-box">
		<main class="home-main">
			<div class="white-box">
				<head-title title="会员统计"></head-title>
				
			</div>
			<div class="white-box">
				<head-title title="财务统计"></head-title>
			</div>
			
		</main>
		
	</div>
</template>

<script setup>
	import {
		getCurrentInstance,
		ref,
		onActivated,
		onMounted,onBeforeUnmount
	} from "vue"
	import {
		useRouter,
		onBeforeRouteLeave
	} from "vue-router"
	import {
		userStore
	} from "@store/user"
	import HeadTitle from "@components/HeadTitle.vue"
	import {
		WarningFilled
	} from "@element-plus/icons-vue"

	// echarts
	import EchartsLine from "@common/echarts-line"
	import EchartsPie from "@common/echarts-pie"
	

	const router = useRouter()
	const store = userStore()
	const {
		proxy
	} = getCurrentInstance()

	// 离开-可以利用这个触发删除页面缓存操作
	onBeforeRouteLeave((to, from, next) => {
		if (from.name === "Home") {
			store.setInclude("Home")
		}
		next()
	})
	// keep-alive缓存页面后触发此方法
	onActivated(() => {
		// getOrders()
	})

	onMounted(() => {
		
		// window.onresize = echartResize
	})
	onBeforeUnmount(() => {
	    // echartsDispose()
	    window.onresize = null
	})
	
</script>

<script>
	export default {
		name: "Home",
	}
</script>

<style lang="less" scoped>
	.home-box {
		display: flex;
	}

	.home-main {
		flex: 1;
		padding: 0 20px 0 0;
	}

	.home-aside {
		flex: none;
		width: 240px;
	}
.echars-one__cont {
    margin-top: @margin-xl;
}
.echart-view {
    width: 100%;
    height: 340px;
}
	.shop-two {
		.shop-two__none{
			flex: none;
			width: 24%;
		}
		.shop-two__item {
			flex: none;
			width: 24%;
			display: flex;
			background: #f9f9f9;
			// cursor: pointer;
			padding: @padding-md @padding-md @padding-md 40px;

			.shop-two-icon {
				flex: none;
				width: 50px;
				height: 50px;
				margin-right: @margin-sm;
			}

			.shop-two__right {
				flex: 1;
			}

			.shop-two__nums {
				font-size: 26px;
				color: @gray-8;

				span {
					font-size: @font-size-md;
					color: @gray-6;
					margin-left: @margin-base;
				}
			}

			.shop-two__text {
				font-size: @font-size-md;
				color: @gray-6;
				margin-bottom: @margin-base;
			}
		}
	}
</style>